.home_nav {
  padding: 0.1rem 0.3rem;
  display: flex;
  justify-content: space-between;
  background: #fff;
  border-bottom: 1px solid #eee;
  &>span {
    padding: 0.1rem 0.2rem;
    height: 0.4rem;
    line-height: 0.4rem;
    color: #80bd01;
  }
  &>span.active {
    background: #80bd01;
    color: #fff;
    border-radius: 0.1rem;
  }
}
.home_list {
  background: #fff;
  .list_li {
    padding: 0.1rem 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    &>img {
      margin-right: 0.2rem;
      width: 0.8rem;
      height: 0.8rem;
    }
    .li_text {
      flex-grow: 2;
      .top {
        margin-right: 0.15rem;
        padding: 0 0.1rem;
        background: crimson;
        color: #fff;
        border-radius: 0.08rem;
      }
      &>span {
        font-size: 0.2rem;
        line-height: 0.3rem;
      }
      .li_title {
        width: 4.6rem;
        font-size: 0.28rem;
        line-height: 0.5rem;
        color: #333;
        font-weight: 600;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
      }
    }
  }
  .home_step {
    padding: 0 0.6rem;
    padding-top: 0.2rem;
    height: 0.7rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    &>span {
      padding: 0.15rem 0.2rem;
      height: 0.4rem;
      line-height: 0.4rem;
      font-size: 0.24rem;
      border-radius: 0.1rem;
      background: #108ee9;
      color: #fff;
    }
    &>i {
      font-size: 0.3rem;
      line-height: 0.3rem;
    }
  }
}